<script>
export default {
  name: "SafeBox",
  props: {
    top: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      safeAreaInsets: uni.getWindowInfo().safeAreaInsets
    }
  },
}
</script>

<template>
  <view :style="{height: top ? safeAreaInsets.top + 'px' : safeAreaInsets.bottom + 'px'}"></view>
</template>

<style lang="less">

</style>
